﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" MasterPageFile="~/Site.master" Inherits="Team4.reservations.touchscreen.Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <link href="../../Scripts/fullcalendar-1.5.2/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />

    <style type='text/css'>

	    #loading {
		    position: absolute;
		    top: 5px;
		    right: 5px;
		    }

	    #calendar {
		    width: 900px;
		    margin: 0 auto;
		    }

    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <!-- Scripts needed for fullcalendar -->
    <asp:ScriptManager ID="scriptManager" runat="server">
        <Scripts>
            <asp:ScriptReference Path="~/Scripts/fullcalendar-1.5.2/jquery/jquery-1.5.2.min.js" />
            <asp:ScriptReference Path="~/Scripts/fullcalendar-1.5.2/jquery/jquery-ui-1.8.11.custom.min.js" />
            <asp:ScriptReference Path="~/Scripts/fullcalendar-1.5.2/fullcalendar/fullcalendar.min.js" />
            <asp:ScriptReference Path="~/reservations/calendarWebServicesHelper.js" />
            <asp:ScriptReference Path="~/reservations/touchscreen/calendarTouchScreenHelper.js" />
        </Scripts>
    </asp:ScriptManager>
     <asp:HiddenField ID="serverPathHiddenField" runat="server" />
    <div id="loading" style="display:none">loading...</div>
    <div>
        <p>
            Room
            <asp:DropDownList ID="roomDropDownList" runat="server" AutoPostBack="true">
            </asp:DropDownList>
        </p>
        <div id="calendar"></div>
    </div>
</asp:Content>